<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>666</title>
    <style>
        .www {
            width: 300;
            height: 300;
            border: 1px solid;
            display: flex;
        }
    </style>

<body>
    <div class="www"><img src="img/娜美.jpg" alt=""></div>


    <script>

        const sliderData = [
            { url: 'img/娜美.jpg', title: '对人类来说会不会太超前了？', color: 'rgb(100,67,68)' },
            { url: 'img/爱与恨德克萨斯.jpg', title: '开启剑与雪的黑暗传说！', color: 'rgb(43,35,26)' },
            { url: 'img/特雷西亚.jpg', title: '真正的jo厨出现了！', color: 'rgb(36,31,33)' }

        ];
        const img = document.querySelector('img')
        const ran = Math.floor(Math.random() * sliderData.length);
        img.src = sliderData[ran].url



    </script>
</body>

</html>